import { getUserInfoApi, userInfoById, loginApi } from '@/api/user'
import { setToken, getToken, removeToken, setTimeStamp } from '@/utils/auth'

export default {
  namespaced: true,
  state() {
    return {
      token: getToken(),
      userInfo: {} // 因为userInfo后面要放到getters里 建立快捷访问，为了避免出错，这里不用null而是给个空对象
    }
  },
  mutations: {
    // 清除token
    removeToken(state) {
      state.token = null
      removeToken()
    },
    // 清除用户信息
    removeUserInfo(state) {
      state.userInfo = {}
    },
    // 设置token
    setToken(state, token) {
      state.token = token
    },
    // 设置用户信息
    setUserInfo(state, data) {
      state.userInfo = data
    }
  },
  actions: {
    // 退出登录方法(写在actions里面是为了方便方法复用)
    logout(ctx) {
      ctx.commit('removeToken')
      ctx.commit('removeUserInfo')
    },

    // 获取用户头像信息 res1
    // 获取用户信息res
    async getUserInfo(ctx) {
      const res = await getUserInfoApi()
      const res1 = await userInfoById(res.userId)
      // console.log('res', res)
      // console.log('res1', res1)
      ctx.commit('setUserInfo', { ...res, ...res1 })
    },
    // 登录
    async login(ctx, data) {
      const res = await loginApi(data)
      console.log('res', res)
      // 存储token 存vuex以及持久化存储
      ctx.commit('setToken', res) // 调用mutations中的方法存token
      // token持久化存储
      setToken(res) // 调用引入的存cookie方法
      // 存入时间
      setTimeStamp()
    }
  }
}
